<weui-items>
  <weui-item *ngFor="let execution of values">
    <div weui-start (click)="detail(execution)" class="mr-3">
      <div *ngIf="execution?.status === 'processing'">
        <!-- 未完成的任务用不同颜色图标显示 -->
        <span *ngIf="execution?.status.includes('startCheckComplete')">
          <div class="circle-text-creating">{{execution.status | processStatus}}</div>
        </span>
        <span *ngIf="execution?.status.includes('startCheckComplete')">
          <div class="circle-text-checking">{{execution.status | processStatus}}</div>
        </span>
        <span *ngIf="execution?.status.includes('hospitalModify')">
          <div class="circle-text-correcting">{{execution?.status | processStatus}}</div>
        </span>
      </div>
      <span *ngIf="execution?.status === 'finished'">
        <!-- 完成的任务统一用绿色图标显示 -->
        <div class="circle-text-finished line-breaker">{{execution.status | processStatus}}</div>
      </span>
    </div>

    <div weui-content (click)="detail(execution)">
      <h2>{{execution?.checkTarget?.name}}</h2>
      <p *ngIf="execution?.checkSpecDetail?.templateItemBased">
        <i class="fa fa-tasks"></i>&nbsp; 排查 : {{execution?.checkSpecDetail?.templateItemBased?.checkSource?.name}}<br>
        <i class="fa fa-cog"></i>&nbsp; 隐患大类 : {{execution?.checkSpecDetail?.templateItemBased?.templateItemName}}
      </p>
      <p *ngIf="execution?.checkSpecDetail?.deptBased">
        <i class="fa fa-tasks"></i>&nbsp; 排查 : {{execution?.checkSpecDetail?.deptBased.checkSource?.name}}<br>
        <i class="fa fa-window-maximize"></i>&nbsp; 排查部门 : {{execution?.checkSpecDetail?.deptBased?.deptName}}<br>
        <i class="fa fa-cog"></i>&nbsp; 隐患大类 : {{execution?.checkSpecDetail?.deptBased?.templateItemName}}
      </p>
      <p *ngIf="execution?.checkSpecDetail?.dimensionBased">
        <i class="fa fa-tasks"></i>&nbsp; 排查 : {{execution?.checkSpecDetail?.dimensionBased.checkSource?.name}}<br>
        <i class="fa fa-map-marker"></i>&nbsp; 排查位置 : {{execution?.checkSpecDetail?.dimensionBased.checkTarget}}<br>
        <i class="fa fa-cog"></i>&nbsp; 隐患大类 : {{execution?.checkSpecDetail?.dimensionBased?.templateItemName}}
      </p>
    </div>

    <div weui-last weui-note>
      <!--<p class="text-success"><i class="fa fa-calendar"></i> 开始 :  {{execution?.checkSpecDetail. | date: 'yy-MM-dd'}}</p>-->
      <!--<strong *ngIf="task.checkDetail.dimensionBased" class="text-success"><i class="fa fa-qrcode"> 签到</i></strong>-->
      <p class="text-warning"><i class="fa fa-calendar"></i> 截止 : {{execution?.dueDate | date: 'yy-MM-dd'}}</p>
      <!--<weui-button *ngIf="task?.taskType?.includes('startCheckComplete') && task?.status !== 'finished'" mini color="primary" style="margin-left: 30px;" (click)="startCheckComplete(task)">初查完成</weui-button>-->
    </div>

  </weui-item>
</weui-items>
